<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .wrapper{
        width: 600px;
        padding: 20px;
        border: 1px solid #ccc;
        margin: 100px auto;
        overflow: hidden;
    }
    .left{
        width: 30%;
        float: left;
    }
    .right{
        border: 1px solid #ccc;
        width: 60%;
        height: 110px;
        float: left;
        margin: 0 20px;
        padding: 10px 0 0 10px;
    }
    .photo{
        background-color: gray;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 90px;
        width: 180px;
    }
    .name{
        text-align: center;
        height: 20px;
    }
  </style>
</head>
<body>


<div class="wrapper">
    <div class="left">
        <div class="photo">头像</div>
        <div class="name">姓名</div>
    </div>
    <div class="right">
        自我描述
    </div>
    
</div>

</body>
</html>